<template>
	<view class="info">
		<block v-show="!boxHide">
			<view class="userInfo">
				<view class="userInfo_info">
					<view>{{info.customer}}</view>
					<view class="userInfo_info_phone" @tap="makePhone(info.customer_mobile)">
						<image src="/static/images/icon_phone.png"></image>
						<text>{{info.customer_mobile}}</text>
					</view>
				</view>
				<!-- v-if="signStatus === 0&&checkPermission([30010])&&checkPermission2" -->
				<view class="userInfo_addr_box userInfo_addr"  v-if="signStatus === 0&&checkPermission([30010])&&checkPermission2">
					<image src="/static/images/addr.png"></image>
					<view class="addrClass">请点击签到进行定位</view>
					<text class="userInfo_login" @click.stop="getAddr()"> 签到 </text>
				</view>
				<!-- 签到记录 -->
				<view class="userInfo_addr" v-for="(item,index) in info.sign_record" :style="isTimeout?'color:red;':''" :key="index">
					<image src="/static/images/addr.png"></image>
					<text class="SignUserName">
						{{item.user_name}}
					</text>
					<text class="SignUserName">{{item.address}}</text>
					<text class="SignUserName">{{item.sign_create_at}}</text>
				</view>
				<view class="userInfo_time">
					<text>{{info.reserve_time}}</text>
					<text v-if="info.status!='已审核'" :style="isTimeout?'color:red;':''">{{info.over_time?info.over_time:'超时0天0时0分'}}</text>
				</view>
			</view>

			<view class="info_box">
				<view class="font_item">
					<view>工单号</view>
					<view>{{info.order_no}}</view>
				</view>
				<view class="font_item">
					<view>工单类型</view>
					<view>{{info.type}}</view>
				</view>
				<!-- <view class="font_item">
					<view>工时费</view>
					<view>￥{{info.price}}</view>
				</view> -->
				<view class="font_item">
					<view>派工内容</view>
					<view>{{info.content}}</view>
				</view>
				<view class="font_item">
					<view>主执行人</view>
					<view>{{info.exec_user?info.exec_user:'无'}}</view>
				</view>
				<view class="font_item">
					<view>副手</view>
					<view>{{info.helper_user}}</view>
				</view>
				<view class="font_item">
					<view>回访人</view>
					<view>{{info.visit_user}}</view>
				</view>
				<view class="font_item">
					<view>派单人</view>
					<view>{{info.salesman_user}}</view>
				</view>
				<view class="font_item">
					<view>所属部门</view>
					<view>{{info.branch}}</view>
				</view>
			</view>
			<view class="toMore" v-if="checkPermission([30011])" @tap="navGo('/pages/work/info/before/before', info.customer_id)">
				<view>查看过往工单</view>
			</view>
			<view class="info_box">
				<view class="add_icon">
					<view>服务</view>
					<view class="add_icon_picker" @click.stop="openSearch('service')" v-if="checkPermission([30010])&&checkPermission2">
						<image src="/static/images/add.png" mode=""></image>
					</view>
				</view>
				<view class="info_list">
					<view class="info_item_prompt">
						<view class='title'>服务名</view>
						<view class='title'>数量</view>
						<view class='title'>销售单价</view>
						<view class='title'>总价</view>
					</view>
					<view class="info_item" v-for="(item,index) in serviceList" :key="index">
						<view class="info_inner title">{{item.title}}</view>
						<view class="info_inner count">
							<image src="/static/images/subtract.png" @tap="numReduce(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
							<input type="number" v-model="item.num" @blur="initNum" :data-index="item.index" :disabled="checkPermission4">
							<image src="/static/images/push.png" @tap="numAdd(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
						</view>
						<view class="info_inner unitPrice">
							<input type="text" v-model="item.price" :disabled="checkPermission3" />
						</view>
						<view class="info_inner totalPrice">
							<input type="text" :value='item.price*item.num' disabled />
						</view>
						<image src="/static/images/deletet.png" class="delListItemBtn" @tap="numDelete(4,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
					<view class="all_info_price">
						<text>总计：</text>
						<text>￥{{serveAllPrice}}</text>
					</view>
				</view>

				<view class="add_icon">
					<view>配件</view>
					<view class="add_icon_picker" @click.stop="openSearch('my_accessories')" v-if="checkPermission([30010])&&checkPermission2">
						<image src="/static/images/add.png" mode=""></image>
					</view>
				</view>
				<view class="info_list">
					<view class="info_item_prompt">
						<view class='title'>配件名</view>
						<view class='title'>数量</view>
						<view class='title'>销售单价</view>
						<view class='title'>总价</view>
					</view>
					<view class="info_item" v-for="(item,index) in partItem" :key="index">
						<view class="info_inner title">{{item.title}}</view>
						<view class="info_inner count">
							<image src="/static/images/subtract.png" @tap="numReduce(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
							<input type="number" v-model="item.num" @blur="initNum" :data-index="item.index" :disabled="checkPermission4">
							<image src="/static/images/push.png" @tap="numAdd(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
						</view>
						<view class="info_inner unitPrice">
							<input type="text" v-model="item.price" :disabled="checkPermission3" />
						</view>
						<view class="info_inner totalPrice">
							<input type="text" :value='item.price*item.num' disabled />
						</view>
						<image src="/static/images/deletet.png" class="delListItemBtn" @tap="numDelete(1,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
					<view class="all_info_price">
						<text>总计：</text>
						<text>￥{{partsAllPrice}}</text>
					</view>
				</view>

				<view class="add_icon">
					<view>附件</view>
					<view class="add_icon_picker" @click.stop="openSearch('my_accessories_2')" v-if="checkPermission([30010])&&checkPermission2">
						<image src="/static/images/add.png" mode=""></image>
					</view>
				</view>
				<view class="info_list">
					<view class="info_item_prompt">
						<view class='title'>附件名</view>
						<view class='title'>数量</view>
						<view class='title'>销售单价</view>
						<view class='title'>总价</view>
					</view>
					<view class="info_item" v-for="(item,index) in partItem2" :key="index">
						<view class="info_inner title">{{item.title}}</view>
						<view class="info_inner count">
							<image src="/static/images/subtract.png" @tap="numReduce(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
							<input type="number" v-model="item.num" @blur="initNum" :data-index="item.index" :disabled="checkPermission4">
							<image src="/static/images/push.png" @tap="numAdd(item,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
						</view>
						<view class="info_inner unitPrice">
							<input type="text" v-model="item.price" :disabled="checkPermission3" />
						</view>
						<view class="info_inner totalPrice">
							<input type="text" :value='item.price*item.num' disabled />
						</view>
						<image src="/static/images/deletet.png" class="delListItemBtn" @tap="numDelete(1,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
					<view class="all_info_price">
						<text>总计：</text>
						<text>￥{{partsAllPrice2}}</text>
					</view>
				</view>


				<view class="add_icon">
					<view>设备</view>
					<view>
						<!-- <image src="/static/images/code.png" v-if="checkPermission([30010])"></image> -->
						<image src="/static/images/add.png" v-if="checkPermission([30010])&&checkPermission2" @click.stop="openSearch('customer_device')"></image>
					</view>
				</view>
				<view class="info_list device_list">
					<view class="info_item_prompt">
						<view>设备名称</view>
						<view>设备码</view>
					</view>
					<view class="info_item" v-for="(item,index) in deviceItem" :key="index">
						<view class="title">{{item.title}}</view>
						<view class="title">{{item.number}}</view>
						<image src="/static/images/deletet.png" class="delListItemBtn" @click.stop="numDelete(3,index)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
				</view>


				<view class="add_icon" @tap="getHeader()">
					<view>图片</view>
					<view>
						<view class="add_icon_picker">
							<image src="/static/images/add.png" v-if="checkPermission([30010])&&checkPermission2"></image>
						</view>
					</view>
				</view>
				<view class="info_item_box">
					<view class="info_item_file" v-for="(item, index) in file_path" :key="index" @click.stop="previewImage(index)">
						<image :src="item" class="info_item_img"></image>
						<image class="img_del_btn" src="/static/images/del_btn.png" @click.stop="numDelete(2,index)" v-if="(checkPermission([30010])&&checkPermission2)||(checkPermission([30002])&&checkPermission5)"></image>
					</view>
				</view>

				<view class="add_icon">
					<view>本次工作内容描述</view>
					<view v-if="!info.desc">
						<image src="/static/images/add.png" @tap="setDesc(1)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
				</view>
				<view class="add_card">
					<view class="add_card_item"><text>描述人：</text>{{info.desc?info.desc.username:''}}<text></text></view>
					<view class="add_card_item"><text>描述时间：</text>{{info.desc.create_time}}<text></text></view>
					<view class="add_card_item"><text>描述内容：</text>{{info.desc.desc}}<text></text></view>
					<view class="add_card_btn" v-if="info.desc.username">
						<image src="/static/images/visit_icon1.png" @tap="setDesc(2)" v-if="checkPermission([30010])&&checkPermission2"></image>
					</view>
				</view>
			</view>
			<view class="bottom_btn" v-if="checkPermission([30010])&&checkPermission2">
				<view class="bottom_btn_list">
					<view @click.stop="finishBtn">完成工单</view>
				</view>
			</view>
			<view class="bottom_btn" v-if="(checkPermission([30002])||checkPermission([30009]))&&checkPermission5">
				<view class="bottom_btn_list">
					<view @click.stop="comfrimChange">确认修改</view>
					<view @click.stop="comfrimPass">审核通过</view>
				</view>
			</view>
			<view class="window" v-if="flag > 0">
				<view class="window_flex">
					<view class="work_box">
						<view class="work_box_title">工作内容描述</view>
						<textarea v-model="getDescText" placeholder="请输入本次工作内容描述" class="work_box_text" />
						<view class="work_box_btn">
							<view @click.stop="setDesc(0)">取消</view>
							<view v-if="flag==1||flag==11" @click.stop="setDesc(11)">确定</view>
							<view v-if="flag==2||flag==22" @click.stop="setDesc(22)">确定</view>
						</view>
					</view>
				</view>
			</view>
		</block>
		
		<Loading ref="load"></Loading>
	</view>
</template>

<script>
	import Loading from "../../../components/loading/loading.vue"
	// import QQMapWX from "../../../js_sdk/qqmap-wx-jssdk.min.js";
	import {
		deepClone,
		getJsonValArray
	} from '@/static/js/index.js'
	export default{
		components:{
			Loading
		},
		data(){
			return{
				customerId:"",//客户id
				code:"",
				boxHide:false,
				id:"",
				info:{},
				addr:{address:""},
				merchantInfo:{},
				status: 0,
				signStatus: 0,
				partItem:[],// 添加的配件
				partItem2:[], // 添加的附件
				deviceItem:[],// 添加的设备
				file_path:[],
				serviceList:[],
				flag:0,
				getDescText:"",
				workId:'',
				type:'',    //弹窗类型
				totalPrice1:0,
				totalPrice2:0,
				isTimeout:false, // 是否超时
				amapsdk:[],
				range:false, // 是否在范围内
			}
		},
		onLoad(options){
			var that = this;
			this.id = options.workOrderId;
 
 			// 获取位置信息
			var amapFile = require('../../../js_sdk/amap-wx.130.js');
			this.amapsdk = new amapFile.AMapWX({
			  key: '6091e0d561366cab376592c01fc1fc9e'
			});
		
			// 获取地址数据
			 this.amapsdk.getRegeo({
				success: function(data){
					 
					that.addr.latitude = data[0].latitude;
					that.addr.longitude = data[0].longitude;
					that.addr.address = data[0].regeocodeData.formatted_address;
					//console.log("地址--->>>>",that.addr);

				}
			})
		},
		onShow(){
			if(this.$app.globalData.upData.workInfo){
				this.getData();
			}
			this.setBaseNews();
		},
		onUnload() {
			this.$app.globalData.upData.workInfo = true;
		},
		computed:{
			partsAllPrice(){
				let price=0;
				this.partItem.forEach(item=>{
					price+=item.price*item.num;
				})
				this.totalPrice1=price;
				return price;
			},
			partsAllPrice2(){
				let price=0;
				this.partItem2.forEach(item=>{
					price+=item.price*item.num;
				})
				this.totalPrice2=price;
				return price;
			},
			serveAllPrice(){
				let price=0;
				this.serviceList.forEach(item=>{
					price+=item.price*item.num;
				})
				this.totalPrice2=price;
				return price;
			},
			checkPermission2(){
				return this.info.status=='进行中'?true:false;
			},
			checkPermission3(){//return true禁用  false非禁用
				let statusBool=this.info.status=='完成待审'?true:false;
				let statusBool2=this.info.status=='进行中'?true:false;
				if(this.checkPermission([30010])&&statusBool2){
					return false
				}else if(this.checkPermission([30002])&&statusBool){
					return false
				}else{
					return true
				}
			},
			checkPermission4(){//return true禁用  false非禁用
				let statusBool=this.info.status=='进行中'?true:false;
				if(statusBool&&this.checkPermission([30010])){
					return false
				}else{
					return true
				}
			},
			checkPermission5(){//return true是待审状态  false非待审状态
				let statusBool=this.info.status=='完成待审'?true:false;
				return statusBool
			},
		},
		methods:{
			
			//设置基础信息
			setBaseNews(){
				let obj=deepClone(this.$store.getters['parameters/searchObj']);
				console.log('obj====',obj)	
				if(obj.key=="my_accessories"){
					obj.data.num=1;//默认数量为1
					this.partItem.push(obj.data);
				}else if(obj.key=="my_accessories_2"){
					obj.data.num=1;//默认数量为1
					this.partItem2.push(obj.data);
				}else if(obj.key=="customer_device"){
					this.deviceItem.push(obj.data);
				}else if(obj.key=="service"){
					obj.data.num=1;//默认数量为1
					this.serviceList.push(obj.data);
				}
				this.$store.dispatch('parameters/deleteObj');
			},
			//打开搜索列表
			openSearch(key){
				let url='/pages/searchList/searchList?searchKey='+key+'&id='+this.customerId;
				uni.navigateTo({ 
					url:url
				})
			},
			makePhone(e){//拨打电话
				uni.makePhoneCall({phoneNumber:e})
			},
			
			getAddr(){//定位签到
				let that = this;
				uni.showModal({
					title:'提示',
					content:'确定签到?',
					success(res) {
						if(res.confirm){ 
							let data={
								work_id: that.info.id,
								user_id:uni.getStorageSync("userId"),
								address: that.addr.address,
								longitude: that.addr.longitude,
								latitude: that.addr.latitude
							}
							that.$api.getWorkSign(data).then(res => {
								uni.showToast({ 
									title:"签到成功",
									icon:"none",
									mask:true,
									duration:2000,
									success(res) {
									  that.signStatus = 1
									  that.reqData()
									}
								})
							})
						}
					}
				})
			},
			navGo(url, id){//页面跳转
				uni.navigateTo({
					url:url+'?id='+ id
				})
			},
			getCode(){//扫码获取机器机号
				uni.scanCode({
					success:res =>{
						
					}
				})
			},
			numReduce(item){	// 配件num减少
				if(item.num > 1){
					item.num--
				}
			},
			numAdd(item){		// 配件num增加
				if(item.num>=item.stock){
					this.$api.prompt('该配件最大数量为'+item.stock);
					return false;
				}
				item.num++
			},
			initNum(e){
				console.log('e===',e)
				if(e.detail.value == ""){
					this.partItem[e.currentTarget.dataset.index].number = 1;
				}
			},
			numDelete(type,index){   // 配件删除
				uni.showModal({
					title:'温馨提示',
					content:"确认删除？",
					success:res => {
						if (res.confirm) {
							if(type == 1){
								this.partItem.splice(index, 1)
							}else if(type == 2){
								this.file_path.splice(index,1)
							}else if(type == 3){
								this.deviceItem.splice(index,1)
							}else if(type == 4){
								this.serviceList.splice(index,1)
							}
						}
					}
				})
			},
			getHeader(){
				let that = this;
				uni.chooseImage({
				    count: 25, //默认9
				    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				    sourceType: ['album'], //从相册选择
				    success: function (res) {
						that.file_path.push.apply(that.file_path,res.tempFilePaths)
				    }
				});
			},
			
			previewImage(index){
				let that=this;
				uni.previewImage({
				    urls: that.file_path,
					current:index,
				    longPressActions: {
				        itemList: [],
				        success: function(data) {
				            console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
				        },
				        fail: function(err) {
				            console.log(err.errMsg);
				        }
				    }
				   });
			},
			//工单完成提交
			finishBtn(){
				if(this.signStatus==0){
					uni.showToast({title:'请签到!',icon:"none"});
					return false;
				}
				let product_list=this.partItem.map(item=>{
					return {
						product_id:item.product_id,
						number:item.num,
						price:item.price,
						total_price:item.price*item.num
					}
				})
				let service_list=this.serviceList.map(item=>{
					return {
						product_id:item.id,
						number:item.num,
						price:item.price,
						total_price:item.price*item.num
					}
				})
				let upJson = {
						id: this.info.id,
						file_path: this.file_path,
						customer_device_id:getJsonValArray(this.deviceItem,'id').join(','),//设备id
						product_list:JSON.stringify(product_list),
						user_id: uni.getStorageSync("userId"),
						service_list:JSON.stringify(service_list),
						total_price:this.totalPrice1+this.totalPrice2
				}
				// if(JSON.parse(upJson.service_list).length<=0){
				// 	uni.showToast({title:'请选择服务',icon:"none"})
				// }else if(JSON.parse(upJson.product_list).length <= 0){
				// 	uni.showToast({title:'请选择配件',icon:"none"})
				// }else if(upJson.customer_device_id.length <= 0){
				// 	uni.showToast({title: "请选择设备",icon:"none"})
				// }else if(upJson.file_path.length <= 0){
				// 	uni.showToast({title:"请添加附件",icon:"none"})
				// }
				
				if(JSON.parse(upJson.service_list).length<=0){
					uni.showToast({title:'请选择服务',icon:"none"})
				}else{
					let _this=this;
					uni.showModal({
						title:'提示',
						content:"是否确认提交？",
						success:res => {
							if(res.confirm){
								_this.$api.uploadFile(upJson.file_path).then(res=>{
									upJson.file_path=res.join('|');
									let json =  JSON.stringify(upJson);
									_this.$api.getWorkComplete(json).then(res=>{
										uni.showToast({title:"提交完成",icon:"none"});
										uni.navigateBack({
											delta:1
										})
										this.$app.globalData.upData.work=true;
									})
								})
							}
						}
					})
				}
			},
			getData(){
				//console.log("是否被加载-----。。。。。");
				this.$refs.load.initLoading({loadType:1,loadPrompt:false}).then(res =>{
					this.$app.globalData.upData.workInfo = false;
					this.$app.globalData.workInfo = false;
					this.reqData();
					// this.$api.getMyAccessoriesList({user_id:uni.getStorageSync("userId")}).then(res => {	// 配件
					// 	this.parts_list = res.data.filter(item=>item.stock>0);
					// })
				})
			},
			//确认修改
			comfrimChange(){//changeWorkInfo
				let _this=this;
				uni.showModal({
					title:'温馨提示',
					content:"确认修改？",
					success:res => {
						if (res.cancel) {
							return false;
						}
						let product_list=this.partItem.map(item=>{
							return {
								id:item.id,
								price:item.price,
								total_price:item.price*item.num
							}
						})
						let service_list=this.serviceList.map(item=>{
							return {
								id:item.id,
								price:item.price,
								total_price:item.price*item.num
							}
						})
						let upJson={
							id:_this.info.id,
							total_price:_this.totalPrice1+_this.totalPrice2,
							file_path:_this.file_path.join('|'),
							service_list:JSON.stringify(service_list),
							product_list:JSON.stringify(product_list)
						}
						_this.$api.changeWorkInfo(upJson).then(res=>{
							uni.showToast({title:"修改成功",icon:"none"});
						})
					},
				})
			},
			//确认审核通过
			comfrimPass(){
				let _this=this;
				uni.showModal({
					title:'提示',
					content:"确认审核通过？",
					success:res => {
						if (res.cancel) {
							return false;
						}
						_this.$api.workEgis({id:_this.info.id,user_id:uni.getStorageSync("userId")}).then(res=>{
							uni.showToast({title:"审核完成",icon:"none"});
							setTimeout(()=>{
								uni.navigateBack({
									delta:1
								})
							},600)
							this.$app.globalData.upData.work=true;
						})
					},
				})
			},
			// 清除数组中的空格
			clearArraySpace(arr){
				let newArr=[];
				arr.forEach(item=>{
				    if(typeof item==='string'){
				        if(item.trim().length>0)
							newArr.push(item)
				    }else {
				        newArr.push(item)
				    }
				})
				return newArr;
			},
			reqData(){
				this.$api.getWorkDetail({user_id:uni.getStorageSync("userId") ,id:this.id}).then(res => {
					this.boxHide = true;
					this.info = res;

					// 是否超时
					this.isTimeout = res.over_time?true:false;

					this.signStatus = res.sign_status
					// 工单id
					this.workId = res.id;
					//配件
					this.partItem=res.product_list;
					this.partItem.map(item=>item.num=item.stock);
					//设备
					// this.deviceItem={title:res.device_title,number:res.device_number};
					//附件
					this.file_path=this.clearArraySpace(res.file_path);
					//是否签到
					this.signStatus=res.sign_status;
					// this.$api.getClientDetails({customer_id:res.customer_id},1).then(res => {   // 设备
					// 	this.device_list = res.data
					// })
					this.customerId=res.customer_id;
					this.deviceItem=res.device_list;
					//服务
					this.serviceList=res.service_list;
					this.serviceList.map(item=>item.num=item.stock);
					this.$refs.load.getLoadingData({})
				})
			},
			setDesc(type){//type为1打开增加  2打开修改描述 11确认增加 22确认修改
				this.flag = type
				if(type==2){
					this.getDescText=this.info.desc.desc;
				}
				if(type == 11||type == 22){//增加描述
					if(this.getDescText.length<=0){
						uni.showToast({title:"请输入工作内容描述",icon:"none"})
					}else{
						this.$api.getCreatDesc({desc:this.getDescText,user_id:uni.getStorageSync("userId"),work_id:this.workId}).then((res)=>{
							uni.showToast({title:type == 11?"添加工作内容描述成功":"修改工作内容描述成功",icon:"none"});
							if(this.info.desc){
								this.info.desc.desc=this.getDescText;
							}else{
								this.info.desc=res
							}
							this.flag=0;
						})
					}
				}
			}
		}
	}
</script>

<style>
	.info{padding-bottom: 120upx;}
	.userInfo{width: 100%;padding: 30upx;box-sizing: border-box;background: #FFFFFF;position: relative;}
	.userInfo_login{position: absolute;right: 0;top: -10upx;width: 102upx;height: 54upx;line-height: 54upx;text-align: center;font-size: 28upx;color: #FFFFFF;background: #049BFF;border-radius: 51upx 0 0 51upx;}
	.userInfo_info{width: 100%;display: flex;flex-direction: row;align-items: center;}
	.userInfo_info_phone{display: flex;flex-direction: row;align-items: center;margin-left: 40upx;}
	.userInfo_info_phone image{width: 26upx;height: 26upx;margin-right: 10upx;}
	.userInfo_code{font-size: 28upx;color: #666666;margin-top: 20upx;}
	.userInfo_addr_box{display: flex;flex-direction: row;}
	.userInfo_addr{position: relative; align-items: center;font-size: 28upx;color: #049BFF;margin-top: 20upx;}
	.userInfo_addr image{width: 24upx;height: 30upx;margin-right: 10upx;}
	.addrClass{width: 60%; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; }
	.userInfo_time{margin-top: 20upx;font-size: 24upx;color: #9BA7B7;display: flex; justify-content: space-between;}
	.userInfo_time text:nth-child(2),.addBtn{margin-left: 25upx;}
	
	.info_box{width: 100%;background: #FFFFFF;border-top: 2upx solid #F7F7FA;}
	.info_font{width: 690upx;height: 90upx;font-size: 30upx;color:#333333;padding: 0 30upx;display: flex;flex-direction: row;align-items: center;justify-content: space-between;background: #F7F7FA;}
	.info_font text:nth-child(2), .addBtn{color: #FFFFFF; background-color: #049BFF; padding: 4upx 20upx; border-radius: 10upx;}
	.num{margin: 0 20upx;}
	.info_list{
		padding: 20upx 50rpx 20rpx 10rpx;
	}
	.info_item_prompt{
		width: 100%;
		display: flex;
		align-items: center;
		height: 60upx;
		font-size: 26rpx;
		color: #9BA7B7;
		justify-content: space-around;
		box-sizing: border-box;
	}
	.info_item_prompt view.title{
		flex-basis: 25%;
		text-align: center;
	}
	.info_item view.info_inner{
		flex-basis: 25%;
		display: flex;
		justify-content: center;
	}
	.info_item view.info_inner.count{
		display: flex;
		align-items: center;
	}
	.info_list .info_item image{
		width: 34rpx;
		height: 34rpx;
	}
	.info_item image.delListItemBtn {
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		top: 50%;
		right: -14rpx;
		transform: translateY(-50%);
	}
	
	.info_list .info_item .count input {
		margin: 0 10rpx;
	}
	
	.info_list .info_item input
	{
		width: 90rpx;
		height: 32upx;
		text-align: center;
		font-size: 24upx;
		border: 2upx solid #D4D4D4;
		border-radius: 16upx;
		/* margin:0 20upx; */
	}
	/* .device_list .info_item_prompt,
	.device_list .info_item
	{
		justify-content: flex-start;
	} */
	.device_list .info_item_prompt view{
		flex-basis: 50%;
		padding: 0;
		text-align: center;
	}
	.device_list .info_item view.title{
		flex-basis: 50%;
		text-align: center;
	}
	.all_info_price {
		padding: 0 30rpx;
		box-sizing: border-box;
		text-align: left;
		color: #333;
		font-size: 26rpx;
	}
	.all_info_price text:last-child{
		color: #049BFF;
	}
	.info_item_box{
		min-height: 50rpx;
		padding: 20rpx 10rpx;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.info_item_file {
		width: 120rpx;
		height: 100rpx;
		position: relative;
		margin: 0 14rpx;
	}
	.info_item_img {
		width: 100%;
		height: 100%;
	}
	.img_del_btn {
		position: absolute;
		width: 36rpx;
		height: 36rpx;
		top: -16rpx;
		right: -16rpx;
	}
	.info_item{position: relative;display: flex;flex-direction: row;align-items: center;width: 100%;height: 100%;padding: 20upx 0;font-size: 28upx;color: #333333;box-sizing: border-box;}
	.info_item_btn{justify-content: space-between;align-items: center; box-sizing: unset;}
	 button[type=primary] {background-color: #049BFF !important;}
	.imageFile{width: 70%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: inline-block;}
	/* .info_item view:nth-child(1){width: 336upx;margin-right: 70upx;color: #333333;} */
	.info_item image:nth-child(2),.info_item image:nth-child(4){width: 32upx;height: 32upx;}
	/* .info_item input:nth-child(3){width: 90upx;height: 32upx;text-align: center;font-size: 24upx;border: 2upx solid #D4D4D4;border-radius: 16upx;margin:0 20upx;} */
	/* .info_item image:nth-child(5){width: 25upx;height: 25upx;margin-left: auto;} */

	.save1{background: #F7F7FA;color: #049BFF;margin-top: 0;}
	.SignUserName{margin-right: 20rpx;}
	.toMore{width: 100%;height:120rpx;padding: 0 30rpx;box-sizing: border-box;display: flex;flex-direction: row;align-items: center;background: #FFFFFF;border-top: 2upx solid #EEEEEE;}
	.toMore view{width: 220rpx;height: 60rpx;line-height: 60rpx;text-align: center;color: #FFFFFF;background: #007AFF;border-radius: 8rpx;margin-left: auto;font-size: 24rpx;}
	.add_textarea textarea{margin-top: 0;}
	
	.window{z-index: 999;}
	.work_box{width: 690rpx;border-radius:8rpx;background: #FFFFFF;}
	.work_box_title{width: 100%;line-height: 120rpx;color: #333333;font-size: 32rpx;text-align: center;}
	.work_box_text{width: 630rpx;margin-left: 30rpx;border: 2rpx solid #DDDDDD;padding: 20rpx;box-sizing: border-box;border-radius: 8rpx;font-size: 28rpx;color: #333333;}
	.work_box_btn{margin-top: 50rpx;width: 100%;display: flex;flex-direction: row;align-items: center;border-top:2rpx solid #007AFF;}
	.work_box_btn view{width: 50%;background: #007AFF;color: #FFFFFF;line-height: 100rpx;text-align: center;font-size: 30rpx;}
	.work_box_btn view:nth-child(1){background: #FFFFFF;color: #007AFF;}
</style>
